$(function () {
    //点击输入框改变样式
    $('.formCon').children('.email').children().focus(function () {
        $(this).addClass('change').siblings().addClass('font-change');
    })
    //失去焦点执行
    $('.formCon').children('.email').children().blur(function () {
        $(this).removeClass('change')
        if (!$(this).val()) {
            msg = $('.msg')[1];
            $(this).parent().siblings().addClass('error').siblings().children()
            $(this).siblings().removeClass('font-change');
            $(this).parent().addClass('empty')
            $(msg).html('请输入密码')
        } else {
            $(this).parent().siblings().removeClass('error')
            $(this).parent().removeClass('empty')
        }
    })
    // console.log($('.formCon').children('.email').children('input'));
    //判断都不为空的时候按钮可点
    $('.formCon').children('.email').children('input').on('input', function () {
        username = $('.formCon').children('.email').children('input')[0]
        password = $('.formCon').children('.email').children('input')[1]
        if ($(username).val() && $(password).val()) {
            $('#login button').css('opacity', 1)
        } else {
            $('#login button').css('opacity', .4)
        }
        if ($('.resUser').val() && $('.resPsw').val()) {
            $('#register button').css('opacity', 1)
        } else {
            $('#register button').css('opacity', .4)
        }
    })
    //点击眼睛显示密码
    $('.eye').click(function () {
        password = $(this).siblings('.email').children('input')[0]
        if ($(this).children().children().attr('xlink:href') == '#icon-yanjing1') {
            $(this).children().children().attr({
                "xlink:href": '#icon-yanjing'
            });
            $(password).attr('type', 'text')

        } else {
            $(this).children().children().attr({
                "xlink:href": '#icon-yanjing1'
            });
            $(password).attr('type', 'password');
        }
    })
    //登录发送ajax
    $('#login button').click(function (e) {
        username = $('.loginUser')
        password = $('.loginPsw')
        // console.log(username);
        // console.log($(username).val());
        e.preventDefault()
        $.ajax({
            url: './login.php',
            data: {
                un: $(username).val(),
                pw: $(password).val()
            },
            dataType: 'json',
            success: function (data) {
                res = data.code;
                if (res == 1) {
                    $(location).attr('href', './index.html');
                } else {
                    $(msg).addClass('error')
                    $(msg).html('用户名或者密码错误')
                }
            }
        })
    })
    //注册发送ajax
    $('#register button').click(function (e) {
        username = $('.resUser')
        password = $('.resPsw')
        msg = $('.msg')[3];
        e.preventDefault()
        if ($(username).val() && $(password).val()) {
            $.ajax({
                url: './register.php',
                data: {
                    un: $(username).val(),
                    pw: $(password).val()
                },
                dataType: 'json',
                success: function (data) {
                    res = data.code;
                    if (res == 1) {
                        $(msg).addClass('error')
                        $(msg).html('该用户名已经存在!')
                    } else {
                        $(location).attr('href', './index.html');
                    }
                }
            })
        } else {
            $(msg).addClass('error')
            $(msg).html('请填完整表格!')
        }
    })
    //切换bar 登陆注册切换
    $('.title').children().click(function (e) {
        e.preventDefault()
        $('form').hide().eq($(this).index()).show()
        $(this).addClass('tab-active').siblings().removeClass('tab-active')
        $('.bar').animate({
            left: ($(this).outerWidth(true) + 5) * $(this).index()
        })
    })
})